@charset "utf-8";
@media (max-width:1300px) {
	.page1_2_main{padding:3% 18%;
}

@media (max-width:1500px) {
.overlay_1{height:546px;width: 700px;}
.overlay_body{height: 500px;}
.overlay_body_1{width: 400px;}
.overlay_body_1_1{height: 400px;}
.overlay_body_2{height: 400px;}
}
@media (max-width:1200px) {

.wap{display: block;}
.pc{display: none;}
#logo{padding: 0 2%;}
#logo .WebLogo img{height: 100%;}
#menu{ width:10%; height:2.2rem; position:absolute; left:10px; top:53%; margin-top:-25px;  background:url(../images/list.png) no-repeat center center; display:none; }
#navigationshade { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1001; background: rgba(0,0,0,.5); display: none; }
#navigationshade1{display: none;position: fixed;left: 0.32rem; top: 0.32rem;z-index: 20000;width: 0.32rem;height: 0.32rem;}
#navigationshade1:after,#navigationshade1:before{ content: ""; display: block; position: absolute; width: 0.32rem; height: 0.04rem; left: 0; top: 0px;margin:0.2rem 0 0 0; background: #fff; border-radius: 3px;z-index: 20000; }
#navigationshade1:after{ transform: rotate(45deg); }
#navigationshade1:before{ transform: rotate(-45deg); }
#banner_main{padding-top: 50px;}
.navigationlist{ position: fixed; left: -68%; top: 0; background: #FFF; overflow-y: scroll; width: 68%; height: 100%; z-index: 10000;padding: 1rem 0 0 0; }
.seachwrap{ align-items: center; background: #f5f5f5; margin: 20px 20px 20px 30px; border-radius: 50px; overflow: hidden; }
.seachwrap form { display:flex; }
.seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; outline: none; background: #f5f5f5; }
.seachwrap input.Keywords { flex:3; padding: 0 0 0 15px; }
.seachwrap input.btnSearch { flex:1; padding: 0 15px 0 0; background:url(../images/searchbtn.png) no-repeat center; }
.logo_right .search{margin-right: 20px;}
.logo_right .language{margin-right: 20px;}
#navigation {width: auto;height:auto;}
#navigation ul.navigationlist li{ position: relative; float: none;text-align: center;display: block;width: 100%;height: auto;line-height: normal;} 
#navigation ul.navigationlist li i.HasChild{ position: absolute; width: 0.24rem; height: 0.24rem; right: 0.32rem; top: 0.18rem; }
#navigation ul.navigationlist li i.HasChild:after,.navigationlist li i.HasChild:before{ content:''; display: block; background: #666; margin: auto; border-radius: 2px;
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 0.24rem; height: 0.04rem; }
#navigation ul.navigationlist li i.HasChild:before{ width: 0.04rem; height: 0.24rem; }
#navigation ul.navigationlist li a{ position: relative; line-height: 40px; font-size:16px; color:#444; overflow:hidden; display:block; margin-left: 0.6rem;text-align: left;padding: 0;height: auto; }
#navigation ul.navigationlist li a.current{ color:#0256ac}
#navigation ul.navigationlist li .sub_navigationlist{ display: none; }
#navigation ul.navigationlist li .sub_navigationlist a{ margin-left: 1.4rem; }
#navigation ul.navigationlist li a:hover { text-decoration:none; border-bottom: none; border-radius: 0; }
#navigation ul.navigationlist.click_slideInRight{background: #000;}
#navigation ul.navigationlist.click_slideInRight li a{color: #fff;}
#navigation ul.navigationlist.click_slideInRight li i.HasChild:after,.navigationlist.click_slideInRight li i.HasChild:before{background: #fff;}
#navigation ul.navigationlist .current { color:#fff; border-bottom: none; }
#navigation ul.navigationlist .current:hover{ color: #FFF; border-bottom: none; }
#navigation ul.navigationlist>li:hover a:after{ transform: scale(0);opacity: 0;}
#navigation ul.navigationlist>li a.current:after{ transform: scale(0);opacity: 0;}

#floor_4{padding: 0 2.9%;}
.page_2_main{padding: 20px 0;}
.page_3_main{padding:20px 0;}

.page_1,.page_2,.page_4,.page_5{padding: 0 2%;}
.page_1 .ChannelContent{font-size: 14px;line-height: 30px;}
.page1_1_main{padding: 20px 0;}
.page1_2_main{padding: 20px 2% 0 2%;}
.page1_3_main{padding: 20px 2%;}
.page1_4_main{padding: 20px 2%;}
.left_title1{ text-align:center; overflow: hidden;display: flex;justify-content: center;flex-flow: column; align-items: center;height: 60%;}
.left_title1 h2 { color: #fff; font-size:20px;font-weight: normal;padding: 7% 0 0 0;}
.left_title1 p { color: #fff; font-size:28px;margin-top: 2%; }
.left_title1 a{margin-top: 4.9%;color: #232323; font-size:16px;display: flex;justify-content: center;align-items: center;
padding: 0 2.6%;display: flex;border: 1px solid #707070;background: #fff;border-radius: 26px;box-sizing: border-box;height: 9%;max-height: 50px;}
.left_body1 { zoom:1;height: 40%;padding: 0 4.2%;display: flex; justify-content: center;align-items: center;}

.left_title2{ overflow: hidden;  }
.left_title2 .ChannelName{font-size: 28px;color: #fff;}
.left_title2 .ChannelSContent{font-size: 14px;color: #fff;}
.left_title2 .line{width: 70;height: 4px;background-color: #fff;margin: 30px 0;}
.left_title2 .ChannelContent{color: #fff;font-size: 16px;line-height: 28px;}
.left_title2 a{width: 135px; height: 32px; background: #FFFFFF;border-radius: 16px;display: flex;justify-content: center;align-items: center;color: #232323;font-size: 14px;margin-top: 14%;}
.left_title2 a img{display: block;width: 8px;margin-left: 16px;}
.right_title{font-size: 18px;}
.page_title{font-size: 18px;margin-bottom: 20px;}
.page_title h2::after{height: 3px;bottom: -12px;}
.page_title p{color: #A8A8A8;font-size: 16px;margin-top: 18px;}

.page_bottom1 .swiper-button-next, .page_bottom1 .swiper-button-prev{width:40px;height: 40px;}
.page_bottom3 .swiper-button-next, .page_bottom3 .swiper-button-prev{width:40px;height: 40px;}
.page1_2 .swiper-button-next, .page1_2 .swiper-button-prev{width:40px;height: 40px;border-radius: 50%;}

.showarticle_main{padding: 0 2%;}
.showarticle{flex-flow: column;}
.showarticle_1{width: 100%;}
.showarticle_2{width: 100%;margin: 20px 0;}
.showarticle_1 .InfoTitle h1{font-size: 20px;}
.article_body{width: 100%;box-sizing: border-box;}
.info_from_wrap{flex-wrap: wrap;}
/*频道相册列表1*/
.channelalbumlist1{ overflow:hidden;display: flex;justify-content: space-around;width: 100%; }
.channelalbumlist1 li {border-right: 1px solid #fff;}
.channelalbumlist1 li .AlbumTitle { font-size:30px;text-align: center; color: #fff;font-weight: bold;margin-top: 10px; }
.channelalbumlist1 li .AlbumDescription{ font-size:16px;text-align: center; color: #fff; margin-top: 10px; }
.channelalbumlist1 li:last-child{border: 0;}

#subchannel_main{padding:0 2%;justify-content: flex-start;margin-bottom: 20px;}	
#subchannel{overflow: hidden;}
.subchannellist li a{line-height: 50px;height: 50px;}
#article_main{padding: 0px 2%;}
.product_1_main{padding: 2% 2%;}
.product_2_main{padding: 2% 2%;}
#guestbool_1_main{padding: 2% 2%;}
#guestbool_0_main{padding: 2% 2%;}
table.guestbook_table tr{width: 100%;}
table.guestbook_table td input{height: 40px;width: 100%;}
table.guestbook_table td input:hover {border: none;background: #F6F6F6;height: 40px;line-height: 40px;padding: 0 14px;}
table.guestbook_table tr.Submit{padding: 2% 0;margin: 0 10px;}
.message_body{padding: 0;}
.message_title h2{color: #232323;font-size: 20px;font-weight: normal;}
.message_title p{color: #A8A8A8;font-size: 16px;margin-top: 18px;}
/*文字列表1*/
.textlist1{}
.textlist1 li{ color: #232323;font-size: 30px;margin-bottom: 9%;text-align: center;}
.textlist1 li:last-child{margin: 0;}
.textlist1 li.on{color: #DC000C;}

.pagelist1 li{font-size: 16px;margin-right: 10px;}
.pagelist3 li .info span{font-size: 16px;margin-top: 10px;}
.pagelist3 li .info p{font-size: 14px;margin-top: 10px;}
/*橱窗列表1*/
.gridlist1 .f4{height: 100%;}
.gridlist1 .f4 img{object-fit: cover;}
.gridlist1 .info .ChannelIcon{width: 48px;}
.gridlist1 .info .ChannelIcon img{width: 100%;display: block;}

/* .gridlist1 .info .ChannelName{ width:100%; font-size:24px; color:#fff; margin:0;  transition-duration: .5s; position:relative;margin-top: 8.5%; } */
.gridlist1 .info .line { width:1px; height:0; margin:0 auto; background:#fff; transition-duration: .5s; }
.gridlist1 .info .more{width: 120px; height: 0;line-height: 48px; border-radius: 2px 2px 2px 2px;  border: 0px solid #FFFFFF; color: #fff;font-size: 14px;box-sizing: border-box;ransition-duration: .5s;}
.gridlist1 li:hover .line{ height:8%;}
/* .gridlist1:hover li{ width:33.33%; }
.gridlist1 li:hover { width:33.33%; } */

.thumblist li .InfoPicture{width: 30%;}
.thumblist li .InfoTitle{ display:block; font-size:16px; padding: 0 0 20px 0; color:#232323; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thumblist li p{ font-size:14px; color:#A8A8A8; line-height: 40px;height: 80px;overflow: hidden;display: none; }
.thumblist li .InfoTime{float: right; font-size: 14px; color:#c8c8c8;display: flex;align-items: center; }
.thumblist li .InfoTime img{width: 14px;height: 14px;display: block;margin-right: 6px;}
.thumblist li .info_wrap{width: 68%;}

#logo_main{height:50px}
.left_title1{ text-align:center; overflow: hidden;display: flex;justify-content: center;flex-flow: column; align-items: center;height: 50%;}
.left_title1 h2 { color: #fff; font-size:14px;font-weight: normal;padding: 7% 0 0 0;}
.left_title1 p { color: #fff; font-size:18px;margin-top: 2%; }
.left_title1 a{margin-top: 4.9%;color: #232323; font-size:16px;display: flex;justify-content: center;align-items: center;
padding: 0 2.6%;display: flex;border: 1px solid #707070;background: #fff;border-radius: 26px;box-sizing: border-box;height: 40px;max-height: 50px;}
.left_body1 { zoom:1;height: 50%;padding: 0 4.2%;display: flex; justify-content: center;align-items: center;}
.left_body1{padding: 0 2%;}

.left_title2{overflow: hidden;height: 100%;display: flex;flex-flow: column;}
.left_title2 .ChannelName{font-size: 20px;margin-top: 10px;}
.left_title2 .ChannelSContent{font-size: 14px;}
.left_title2 .line{width: 30px;height: 1px;background-color: #fff;margin: 10px 0;}
.left_title2 .ChannelContent{color: #fff;font-size: 14px;line-height: 24px;}
.left_title2 a{width: 135px; height: 32px; background: #FFFFFF;border-radius: 16px;display: flex;justify-content: center;align-items: center;color: #232323;font-size: 14px;margin-top: 2%;}
.left_title2 a img{display: block;width: 8px;margin-left: 16px;}
.left_bottom3{margin:0;height:30px;display: flex;justify-content: flex-end;align-items: center;max-width: 100%;margin-top: 20px;}
.left_bottom3 a{width: 160px;font-size: 16px;}

.page1_title1{font-size: 18px;margin-bottom: 20px;}
.page1_content span{font-size: 16px;}
.page1_content p{font-size: 14px;line-height: 24px;margin-bottom: 20px;}
.page_content3{width: 100%;padding: 0 1%;font-size: 14px;}


.channelalbumlist1{ flex-wrap: wrap;justify-content: space-between; }
.channelalbumlist1 li {width: 33%;flex: auto;}
.channelalbumlist1 li.n3{border:none;}
.channelalbumlist1 li.n4,.channelalbumlist1 li.n5{margin-top: 10px;}
.channelalbumlist1 li .AlbumTitle { font-size:20px; }
.channelalbumlist1 li .AlbumDescription{ font-size:14px; }

#floor_2_main{background: url(../images/floor2_wap.png) no-repeat;padding-top: 50px;box-sizing: border-box;}
#floor_3_main{padding-top: 50px;box-sizing: border-box;}
#floor_4_main{padding-top: 50px;box-sizing: border-box;}
#floor_2{flex-flow: column;justify-content: center;}
#floor_2_1{height:30%;width: 95%;padding-top: 0;}
#floor_2_2{height:60%;width: 95%;padding: 0;display: block;}
#floor_3{height: 90%;}
#floor_4{flex-flow: column;justify-content: center;}
#floor_4_1{width: 100%;height: auto;padding-bottom: 20px;box-sizing: border-box;}
#floor_4_2{width: 100%;height: auto;}
.page_3{padding: 0 1%;}
.fp-section.p3{}
.body_index #copyright_main{padding: 50px 0 0 0;}

.section #copyright_main{max-height: 100%;box-sizing: border-box;}
.section #copyright{max-height: 100%;}
.section #copyright_1{height:100%;width: 85%;justify-content: space-between;display: flex;flex-flow: column;}
.section #copyright_2{height:100%;width: 15%;}

#copyright_main{max-height: none;box-sizing: border-box;}
#copyright{max-height: none;}
#copyright_1{height:auto;width: 85%;justify-content: space-between;display: flex;flex-flow: column;}
#copyright_2{height:auto;width: 15%;}

#bottom1{flex-flow: column;padding:0 2%;height: auto;}
#bottom2{height: 50px;}
#bottom_1{width: 100%;}
#bottom_2{width: 100%;}
.bottom_title{margin-bottom: 2.7%;height: 30px;}
.bottom_title a{display: block;}
.bottom_title a img{height: 30px;}
.bottom_body{height: auto;overflow: hidden;margin-top: 20px;}
.bottom_navigation {  overflow: hidden;  float: left; width: 100%; }
.bottom_navigation li {  float: left;  width: 100%; overflow: hidden;}
.bottom_navigation li a{display: none;}
.bottom_navigation li span {  display: block;  text-align: left;  font-size: 15px;  margin-bottom: 10px; color: #fff; font-weight: bold;border-bottom: 1px solid #fff;position: relative;line-height: 40px;}
.bottom_navigation>li>span::after{position: absolute;content: '';top: 50%;right: 10px;width: 10px;height: 10px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);margin-top: -5px;
	transition: all .5s;}
.bottom_navigation li a:hover {  color:#DC000C;}
.bottom_navigation .subnavigationlist1 {display: none;}
.bottom_navigation .subnavigationlist1 li {  float: none;  padding: 0;  line-height: normal;  display: block; margin-bottom: 0;width: 100%; }
.bottom_navigation .subnavigationlist1 li a { color: #fff;  display: block;  line-height: normal;  font-weight: normal;  padding: 0;  margin: 0;  font-size: 16px;  text-align: left; border:none;line-height: 30px; }
.bottom_navigation .subnavigationlist1 li a:hover{color:#DC000C;}
.bottom_navigation li.on span::after{transform: rotate(135deg);right: 10px;}

.contact_wrap{border: none;display: flex;flex-flow: column;align-items: center;justify-content: center;padding: 0;}
.contact_wrap .title p{font-size: 14px;}
.contact_wrap .body{display: flex;justify-content: center;flex-flow: column;align-items: center;}
.contact_wrap .body img{width:100px;}
.contact_wrap .body p{text-align: center;}
.contact_wrap .bottom {margin: 10px 0;}
.contact_wrap .bottom p{font-size: 14px;text-align: center;}
.gridlist1 {height: 100%;display: flex;	justify-content: center;align-items: center;flex-flow: column;}
.gridlist1 li{width:90%;height:33.33%;}
.gridlist1 .info .ChannelIcon{width: 30px;}
.gridlist1 .info .ChannelName{ width:100%; font-size:18px;margin-top: 10px;  }
.gridlist1 .info .more{width: 120px; height: 30px;line-height:30px; border: 1px solid #FFFFFF;margin-top: 10px;}
.gridlist1:hover li{ width:90%; }
.gridlist1 li:hover { width:90%; }
.gridlist1 li:hover .line{ height:0;margin: 0;}
.gridlist1 li:hover .more{height: 30px;}

.textlist1{justify-content: space-around;display: flex;}
.textlist1 li{ color: #232323;font-size: 24px;margin-bottom: 0;}
.textlist1 li:last-child{margin: 0;}
.textlist1 li.on{color: #DC000C;}



.productlist {display: flex;justify-content: space-between;flex-wrap: wrap;}
.productlist li{width: 48%;margin: 0;margin-bottom: 20px;}
.productlist li .InfoPicture{width: 100%;}

.productlist3 {display: flex;justify-content: space-between;flex-wrap: wrap;}
.productlist3 li{width: 48%;margin: 0;margin-bottom: 20px;}
.productlist3 li .InfoPicture{width: 100%;}

.articlelist{}
.articlelist li{width: 31%;float: left;padding: 0 1%;}

.page1list3 li{margin-bottom: 20px;padding: 5px;}
.page1list4{display: flex;justify-content: space-around;align-items:flex-start;flex-wrap: wrap;}
.page1list4 li{width: 32%;}
.page1list4 li p{font-size: 14px;line-height: normal;}

.page1list5{display: flex;justify-content: space-between;flex-wrap: wrap;}
.page1list5 li{width: 32%;margin-top: 20px;}
.page1list5 li img{width: 100%;}
.page1list5 li.mod0{margin-top: 20px;}

.channellist{}
.channellist li{width: 100%;padding: 0 0 20px 0;border-bottom: 1px solid #DBDBDB;margin: 0 0 20px 0;box-sizing: border-box;}
.channellist li:last-child{border: none;padding: 0 ;margin: 0;}
.channellist li .bottom{margin-top:20px;}
.channellist li .title{background: url(../images/channellist.png) no-repeat left center;text-indent: 30px;display: flex;align-items: center;font-size: 20px;color: #DC000C;background-size:20px 20px;}
.channellist li .content{}
.channellist li .content p{text-indent: 20px;color: #232323;font-size: 14px;}
.channellist li .content p.n1{background: url(../images/tel1.png) no-repeat left center;}
.channellist li .content p.n2{background: url(../images/email1.png) no-repeat left center;}
.overlay_1{width: 80%;overflow: scroll;height: 90%;}
.overlay_title{height: 20%;box-sizing: border-box;min-height: 70px;}
.overlay_body{height: 80%;}
.productlist4 li .AlbumTitle{font-size: 20px;color: #232323;}
.productlist4 li .AlbumDescription{font-size: 14px;color: #6a6a6a;margin-top: 20px;}

}
@media (max-width:750px) {
#logo .WebLogo{width: auto;padding: 0;}
#logo .WebLogo a{display: flex;height:100%;}
#logo .WebLogo img{height:70%;}
.logo_right img{width: 20px;}
#floor_1_main{padding-top: 50px;}
#floor_1{background: url(../images/floor1_wap.jpg) no-repeat;}
.gridlist2 li{width:100%;}
.gridlist2 li a{padding: 10px 20px;}
.gridlist2 li .tiemInfo{height: 100%;border-bottom: 1px solid #A8A8A8;padding-bottom: 3%;box-sizing: border-box;margin-right: 20px;}
.gridlist2 li .tiemInfo .day{font-size: 20px;color: #232323;}
.gridlist2 li .tiemInfo .year{font-size: 16px;color: #A8A8A8;text-align: left;}
.gridlist2 li .InfoTitle{font-size: 16px;}
.articlelist{display: flex;justify-content: space-between;flex-wrap: wrap;}
.articlelist li{width: 49%;float: left;padding:0;}
.articlelist li .info .InfoTitle{font-size: 16px;padding: 10px 0;}
.articlelist li .info .InfoTime{padding-bottom: 10px;}
.productlist li .ChannelName{margin:10px 0;}
.pagelist2{}
.pagelist2 li{width: 100%;}
.pagelist2 li .info span{font-size: 20px;}
.pagelist2 li .info p{font-size: 16px;}
.pagelist2 li.n1,.pagelist2 li.n3,.pagelist2 li.n5{display: none;}
.overlay_1{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-flow: column;padding:0 0 10px 0;box-sizing: border-box;}
.overlay_body_1_2{height: auto;margin-top: 5px;box-sizing: border-box;}

.overlay_title{height: 10%;justify-content: center;min-height: 40px;}
.overlay_title img{width: 24px;}
.overlay_body{flex-flow: column;height: 90%;display: block;}
.overlay_body_1{width: 90%;height: auto;margin: 0 auto;}
.overlay_body_1_1	{height: auto;}

.overlay_body_2{width: 90%;height: auto;padding: 10px;box-sizing: border-box;margin: 10px auto;}
.overlay_body_2 .overlay_body_info{height: auto;}
.overlay_body_2 .swiper-button-next{top: 50%;bottom: auto;width: 30px;display: flex;justify-content: center;align-items: center;transform: translate(0,-50%) rotate(270deg);right: 0;left:auto;}
.overlay_body_2 .swiper-button-prev{top: 50%;bottom: auto;width: 30px;left: 0; display: flex; justify-content: center; align-items: center;transform:translate(0,-50%) rotate(270deg);}
.swiperoverlay{align-items: center;}

/* .productlist1 li img{height: %;height: auto;} */
.productlist1{justify-content: space-between;}
.productlist1 li{width: 49%;}
.productlist1 li img{width: 100%;height: 100%;display: block;object-fit: cover;}
.productlist2 li img{height: auto;}
.productlist4 li .AlbumDescription{margin-top: 10px;}
.channellist{}
.channellist li{padding: 0 0 10px 0;border-bottom: 1px solid #DBDBDB;margin: 0 0 10px 0;box-sizing: border-box;}
.channellist li .bottom{margin-top:10px;}
.channellist li .title{background: url(../images/channellist.png) no-repeat left center;text-indent: 18px;display: flex;align-items: center;font-size: 18px;color: #DC000C;background-size:16px 16px;}
}